import './index.less';

const BtnEffects = () => {
  return (
    <div>
      <div className="btn-effects-container">
        <div className="btn">Neon</div>
        <div className="btn btn-1">Neon</div>
        <div className="btn btn-2">Neon</div>
        <div className="btn btn-3">Neon</div>
      </div>
      <div className="bg-blank-200">
        <h4>border transition width实现动画延迟</h4>
        <div className="btn-effects-container delay-transition">
          <div className="delay-btn both">Both</div>
          <div className="delay-btn rectangle">Rectangle</div>
          <div className="delay-btn circle">Circle</div>
        </div>
      </div>
    </div>
  );
};

export default BtnEffects;
